<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // var foo =123;
        // function print(){
        //     this.foo =234
        //     console.log(this)
        //     console.log(foo)
        // }
        // print()

        // var a = 1
        // function foo(){
        //     console.log(this.a)
        // }
        // var obj = {
        //     a : 10,
        //     bar () {
        //         foo()
        //     }
        // }
        // obj.bar()

        // var obj ={
        //     name : 'edward',
        //     func : function(){
        //         var that = this
        //         console.log(this.name)
        //         console.log(that.name)
        //         (function(){
        //             console.log(this)
        //             console.log(this.iiii)
        //             console.log(that.name)
        //         })()
        //     }
        // }
        // obj.func()

        // var name = 'Javascript'
        // function demo() {
        //     var name = 'CSS';
        //     var other = {
        //         name : 'HTML',
        //         fn: () =>{
        //             var name ='Vue'
        //             console.log(this.name)
        //         }
        //     }
        //     return other
        // }
        // demo().fn()
    </script>
</body>
</html>